<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>189000561朱一月</title>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: #FF0000;}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}

</style>
</head>

<body>
	<h1 class="mytitle">189000561 朱一月</h1>
	<ul id="dowebok">
		<li>
			<div><a href="./circulation/test1.html"><img data-original="img/test1.png" src="img/test1.png" alt="图片1"></a></div>
			<div class="dt">第一次作业：for循环</div>
		</li>

		<li>
			<div><a href="./se_meun/se_meun.html"><img data-original="img/test2.png" src="img/test2.png" alt="图片2"></a></div>
			<div class="dt"><a href="#">第二次作业：二级菜单</a></div>
		</li>
		<li>
			<div><a href="./tank_game/task3.html"><img data-original="img/tank.png" src="img/tank.png" alt="图片3"></a></div>
			<div class="dt">第二次作业：事件</div>
		</li>
		
		<li>
			<div><a href="./exp5/expe05.html"><img data-original="./img/exp_05.png" src="./img/exp_05.png" alt="图片4"></a></div>
			<div class="dt">实验5：图片的DOM操作</div>
		</li>
		<li>
			<div><a href="./web_ad/index.html"><img data-original="./img/ads.jpg" src="./img/ads.jpg" alt="图片5"></a></div>
			<div class="dt">实验6：web页面广告制作</div>
		</li>
		<li>
			<div><a href="./JQtest/task4.html"><img data-original="./img/JQtest.jpg" src="./img/JQtest.jpg" alt="图片6"></a></div>
			<div class="dt">第四次练习：使用jQuery修改表格</div>
		</li>
		<li>
			<div><a href="./JQgame/game.html"><img data-original="./img/game.png" src="./img/game.png" alt="图片7"></a></div>
			<div class="dt">实验7：游戏动画</div>
		</li>
	</ul>

</body>
</html>